.app {
  // 根容器样式，设置绝对定位以覆盖整个视口，并使用 Flex 布局管理子元素。
  position: absolute;
  inset: 0; // 上下左右均占满父容器。
  display: flex;
  flex-direction: column; // 子元素垂直排列。
}

.view {
  // 视图容器，宽度和高度均为 100%，保持相对定位。
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
}

.topbar {
  // 顶部导航栏样式，固定在页面顶部左侧，高优先级显示。
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; // 确保导航栏在其他内容之上。
}

.titlebar {
  text-align: center;
  --nav-bar-background-color: #101113;
  --nav-bar-text-color: #fff;
  --nav-bar-title-text-color: #fff;
  --nav-bar-title-font-size: 16px;
  --nav-bar-title-font-weight: 400; //导航栏标题字重
  --nav-bar-height: 88rpx;
}

.topBackImg {
  width: 100%;
  height: 70rpx;
  background-image: url('../../res/imgs/ic_dialog_turm_line.png');
  /* 设置背景图片路径 */
  background-size: 100% auto;
  /* 修改：让宽度撑满，高度自适应 */
  /* 背景图宽度占满容器，高度按比例缩放 */
  background-position: center;
  background-repeat: no-repeat;
}

.scrollView {
  position: absolute;
  inset: 0;
  height: auto;
}

.line {
  width: 100%;
  height: 5rpx;
  background-image: url('../../res/imgs/ic_main_line.png');
  /* 设置背景图片路径 */
  background-size: 100% auto;
  /* 修改：让宽度撑满，高度自适应 */
  /* 背景图宽度占满容器，高度按比例缩放 */
  background-position: center;
  /* 图片居中显示 */
}

.pressed {
  filter: brightness(0.5); ///* 点击时。对子元素应用亮度调整 */
}

//353535
.dialog {
  --dialog-background-color: white;
  // --dialog-message-font-size: 100px;
  --dialog-has-title-message-text-color: #353535;
  --dialog-message-text-color: #353535;
  --dialog-cancel-color: #353535;
  --dialog-confirm-color: #353535;
  --dialog-header-font-color: #353535;
}

.dialogButton{
  --dialog-background-color: #353535;
  background-color: #353535;
  color: yellow;
  padding: 0%;
  text-align: center;
  font-size: 40px;
}